<html lang="zh-cn" xmlns：th="http://www.thymeleaf.org" xmlns:th="http://www.w3.org/1999/xhtml">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>

    <meta charset="UTF-8">
    <title>酒店管理系统</title>

    <link rel="stylesheet" th:href="@{/static/layui/css/layui.css}">
    <script th:src="@{/static/layui/layui.js}"></script>

    <script th:src="@{/static/js/jquery-3.5.1.js}"></script>
    <script th:src="@{/static/js/jquery.cookie.js}"></script>


    <link rel="stylesheet" th:href="@{/static/css/login.css}">
    <script th:src="@{/static/js/register.js}"></script>


</head>
<!--<body style="background-image: url(image/bg.jpg);width: 100%;height: 100%;background-size: 100%">-->
<body>
    <div class="main">
        <div class="logo">
        </div>
        <div class="submitlogininfo">
            <div class="title">用 户 注 册</div>
            <form class="layui-form"  action="/hotel/user/doReg" method="post" style="flex: 3;display: flex;flex-flow: column;">
                <div class="layui-form-item inputdiv">
                    <label class="layui-form-label inputlabel">用户名:</label>
                    <div class="layui-input-block">
                        <input type="text" name="username" id="username" placeholder="请输入用户名" required lay-verify="required" autocomplete="off" class="layui-input">
                        <span style="color:red" th:text="${regTip}"></span>
                    </div>

                </div>

                <div class="layui-form-item inputdiv">
                    <label class="layui-form-label inputlabel">密&nbsp;&nbsp;&nbsp;&nbsp;码:</label>
                    <div class="layui-input-block">
                        <input type="password" name="password" id="password" placeholder="请输入登录密码" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>

                </div>


                <div class="layui-form-item inputdiv">
                    <label class="layui-form-label inputlabel">确&nbsp;&nbsp;&nbsp;&nbsp;认:</label>
                    <div class="layui-input-block">
                        <input type="password" name="password2" id="password2" placeholder="请再次输入密码" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>

                </div>

                <div class="layui-form-item inputdiv">
                    <label class="layui-form-label inputlabel">验证码:</label>
                    <div class="layui-input-block">
                        <input type="text" name="vcode" id="inputvcode" placeholder="请输入验证码" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="inputdiv vcode"><canvas id="canvas" width="100" height="30"></canvas></div>
                <div class="layui-form-item inputdiv">
                    <div class="layui-input-block">
                        <br>
                        <button class="layui-btn"  lay-submit="" lay-filter="login">立即注册</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    <br>
                    <br>
                        <a href="/hotel/user/toLogin">已经有账号?去登录</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</body>
</html>